Tempered Onyx color palette — #F8D6D1 · #676C00 · #004743 · #40003F · #021D01

Deep Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F8D6D1): A whisper-light, dusty orange — the color of autumn markets.
• Olive (#676C00): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004743): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#40003F): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#021D01): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Pine Harbor color palette (#EEDBD7, #187B11, #004453, #49001E, #001C13)
• Aubergine Hollow color palette (#FFEADA, #885C00, #004A22, #320258, #191700)
• Olive Atelier color palette (#E2F3E5, #4A7304, #004736, #29004F, #000801)
• Aged Onyx color palette (#EAE1D5, #764E00, #003A5B, #420004, #190800)
• Olive Hollow color palette (#F9EAD2, #6D8342, #005232, #3C2C00, #1F1B00)
• Aged Aubergine color palette (#F0E8DA, #62911D, #006850, #4A0085, #001D03)
• Sunlit Veranda color palette (#FFD9E1, #149720, #005C70, #6B002F, #003126)
• Forest Coast color palette (#FDEAE2, #00593C, #00273C, #230000, #000404)

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