# Borrowed Fire Brand Colors

Canonical color reference for Borrowed Fire LLC.

Last updated: 2026-06-10

## Quick Setup

For two-field brand settings like "Brand color" and "Accent color":

| Field | Use | Hex |
| --- | --- | --- |
| Brand color | Ink | `#0B0F14` |
| Accent color | Flame Orange | `#EE8329` |

If a tool uses "Brand color" only for buttons, links, or highlights instead of identity/background, use:

| Field | Use | Hex |
| --- | --- | --- |
| Brand color | Flame Orange | `#EE8329` |
| Accent color | Ember Red | `#CD5241` |

## Core Palette

| Name | Role | Hex | RGB | CSS RGB | RGBA | HSL | CMYK | CSS Variable | SwiftUI | Android XML |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| Ink | Primary brand color, wordmark color, dark background | `#0B0F14` | `11, 15, 20` | `rgb(11 15 20)` | `rgba(11, 15, 20, 1)` | `hsl(213 29% 6%)` | `cmyk(45% 25% 0% 92%)` | `--bf-ink` | `Color(red: 0.043, green: 0.059, blue: 0.078)` | `#FF0B0F14` |
| Flame Orange | Primary accent, fire highlight, CTA accent | `#EE8329` | `238, 131, 41` | `rgb(238 131 41)` | `rgba(238, 131, 41, 1)` | `hsl(27 85% 55%)` | `cmyk(0% 45% 83% 7%)` | `--bf-flame-orange` | `Color(red: 0.933, green: 0.514, blue: 0.161)` | `#FFEE8329` |
| Ember Red | Secondary accent, ember depth, gradient endpoint | `#CD5241` | `205, 82, 65` | `rgb(205 82 65)` | `rgba(205, 82, 65, 1)` | `hsl(7 58% 53%)` | `cmyk(0% 60% 68% 20%)` | `--bf-ember-red` | `Color(red: 0.804, green: 0.322, blue: 0.255)` | `#FFCD5241` |
| Warm Light | Light logo color, text on dark surfaces | `#F4F1EA` | `244, 241, 234` | `rgb(244 241 234)` | `rgba(244, 241, 234, 1)` | `hsl(42 31% 94%)` | `cmyk(0% 1% 4% 4%)` | `--bf-warm-light` | `Color(red: 0.957, green: 0.945, blue: 0.918)` | `#FFF4F1EA` |
| Paper | Warm page background and document surface | `#F7F0E5` | `247, 240, 229` | `rgb(247 240 229)` | `rgba(247, 240, 229, 1)` | `hsl(37 53% 93%)` | `cmyk(0% 3% 7% 3%)` | `--bf-paper` | `Color(red: 0.969, green: 0.941, blue: 0.898)` | `#FFF7F0E5` |

## Supporting Palette

| Name | Role | Hex | RGB | CSS RGB | RGBA | HSL | CMYK | CSS Variable | SwiftUI | Android XML |
| --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- |
| Raised Night | Elevated dark surface | `#111820` | `17, 24, 32` | `rgb(17 24 32)` | `rgba(17, 24, 32, 1)` | `hsl(212 31% 10%)` | `cmyk(47% 25% 0% 87%)` | `--bf-raised-night` | `Color(red: 0.067, green: 0.094, blue: 0.125)` | `#FF111820` |
| Deep Night | Deep dark background | `#060D16` | `6, 13, 22` | `rgb(6 13 22)` | `rgba(6, 13, 22, 1)` | `hsl(214 57% 5%)` | `cmyk(73% 41% 0% 91%)` | `--bf-deep-night` | `Color(red: 0.024, green: 0.051, blue: 0.086)` | `#FF060D16` |
| Ink Soft | Readable warm dark text on light surfaces | `#2A221D` | `42, 34, 29` | `rgb(42 34 29)` | `rgba(42, 34, 29, 1)` | `hsl(23 18% 14%)` | `cmyk(0% 19% 31% 84%)` | `--bf-ink-soft` | `Color(red: 0.165, green: 0.133, blue: 0.114)` | `#FF2A221D` |
| Ink Muted | Muted supporting text on light surfaces | `#654F3C` | `101, 79, 60` | `rgb(101 79 60)` | `rgba(101, 79, 60, 1)` | `hsl(28 25% 32%)` | `cmyk(0% 22% 41% 60%)` | `--bf-ink-muted` | `Color(red: 0.396, green: 0.310, blue: 0.235)` | `#FF654F3C` |
| Text Secondary | Secondary text on dark surfaces | `#C7CDD3` | `199, 205, 211` | `rgb(199 205 211)` | `rgba(199, 205, 211, 1)` | `hsl(210 12% 80%)` | `cmyk(6% 3% 0% 17%)` | `--bf-text-secondary` | `Color(red: 0.780, green: 0.804, blue: 0.827)` | `#FFC7CDD3` |
| Text Tertiary | Tertiary text on dark surfaces; use sparingly | `#8A949E` | `138, 148, 158` | `rgb(138 148 158)` | `rgba(138, 148, 158, 1)` | `hsl(210 9% 58%)` | `cmyk(13% 6% 0% 38%)` | `--bf-text-tertiary` | `Color(red: 0.541, green: 0.580, blue: 0.620)` | `#FF8A949E` |

## Gradients

| Name | CSS |
| --- | --- |
| Borrowed Fire Flame | `linear-gradient(90deg, #EE8329, #CD5241)` |
| Borrowed Fire Firemark | `linear-gradient(135deg, #EE8329 0%, #CD5241 100%)` |

## Usage Notes

- Lead with Ink and Flame Orange. Do not replace the brand system with blue or neutral gray defaults.
- Use Ember Red as a supporting fire color, not as the only accent.
- Use Warm Light for marks and text on dark backgrounds.
- Use Paper for light brand surfaces and document backgrounds.
- Keep gray text legible. On dark surfaces, prefer Warm Light or Text Secondary over low-contrast gray.
- CMYK values are approximate conversion references. For serious print work, proof from the final printer profile.
