Tempered Onyx color palette — #F1E7DA · #8E5600 · #314300 · #1B035A · #080500

Deep Indigo takes the lead with Ochre close behind in a set that reads as nature and growth at first glance.

The five colors

• Parchment (#F1E7DA): A whisper-light, dusty gold — the color of honey in a jar.
• Ochre (#8E5600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#314300): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Deep Indigo (#1B035A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Lowlit Dune color palette (#F6DFC7, #695200, #003A12, #1E0038, #020200)
• Misty Field color palette (#F1EBDB, #BA1900, #4A3900, #001B48, #0D0300)
• Aubergine Boulevard color palette (#F1E5DA, #8E8100, #00623F, #49006B, #0E1500)
• Soft Bronze color palette (#DEF8E3, #A97500, #535F00, #003A65, #1C1500)
• Weathered Field color palette (#FFEEB7, #A98400, #585900, #00332D, #050400)
• Dusty Pine Boulevard color palette (#E3DFCC, #49894E, #00503E, #441A1F, #070900)
• Airy Tangerine Harbor color palette (#F5EDDE, #EF6800, #9F7A00, #00652F, #050700)
• Hushed Teal color palette (#F2DED3, #44AFAA, #006372, #003C1D, #000D16)

Browse the whole catalog at Explore, or see today's palette.