Tempered Onyx color palette — #FDDAD3 · #6B6700 · #004840 · #37003B · #010500

Built around Deep Indigo, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FDDAD3): A whisper-light, dusty orange — the color of toasted spice.
• Olive (#6B6700): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004840): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#37003B): A deep, shadowed, balanced pink — the color of a candy shop window.
• Ink (#010500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Chestnut Bloom color palette (#FFE0D4, #726300, #003B30, #1C0018, #010100)
• Muted Balcony color palette (#FDE0E7, #317600, #004551, #40001E, #000502)
• Hazy Basin color palette (#F5E4EC, #8B5600, #014B0E, #2B0051, #050300)
• Chestnut Villa color palette (#F9E4EB, #7F4900, #003E51, #3A0004, #070000)
• Olive Basin color palette (#DEF0E0, #6E7D2C, #00542A, #3A2800, #050700)
• Olive Field color palette (#FADFC8, #688351, #005A5D, #4E1D1B, #2E0002)
• Gentle Aubergine color palette (#EAE0CC, #668700, #006B4C, #451288, #000500)
• Cypress Balcony color palette (#FCECE8, #008568, #004E80, #540C00, #000E0F)

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