Tempered Onyx color palette — #FAF0D1 · #5E5A00 · #003A5C · #2D004D · #270015
A conversation between Deep Indigo and Olive, giving this palette its sense of nature and growth.
The five colors
- Custard (#FAF0D1): A whisper-light, dusty green — the color of fresh herbs.
- Olive (#5E5A00): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#003A5C): A deep, shadowed, balanced blue — the color of open sky before noon.
- Deep Indigo (#2D004D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Ink (#270015): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered Onyx into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Softworn Harbor color palette (#EAE2C8, #5C5B00, #003C51, #3D0027, #230001)
- Hazy Navy Orchard color palette (#F9E6CF, #774E00, #003E48, #130065, #220025)
- Nocturne Aubergine color palette (#ECE5C8, #585E00, #3B1185, #1E004D, #0B0006)
- Inked Chapel color palette (#F3F0D0, #394D00, #242F31, #001309, #040300)
- Navy Cabin color palette (#ECEFDC, #004B13, #0B0065, #1B2014, #1A0100)
- Quiet Olive Station color palette (#DFE1D1, #388B00, #006037, #00372E, #001F28)
- Forest Study color palette (#F6E9CF, #7B8F56, #006757, #51203F, #3E0E08)
- Gentle Orchard color palette (#E7EBD6, #006B21, #2F009A, #410015, #1A0800)
Browse the whole catalog at Explore, or see today's palette.