Tempered Onyx color palette — #F7E8F3 · #6299A4 · #004F76 · #003120 · #05004B
Built around Deep Indigo, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Blush (#F7E8F3): A whisper-light, dusty pink — the color of peonies in June.
- Storm Blue (#6299A4): A luminous, dusty blue — the color of open sky before noon.
- Peacock (#004F76): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#003120): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#05004B): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Aged Nightshade color palette (#FCEAF1, #6995B5, #273C9F, #00302F, #1B003B)
- Softworn Cerulean Corridor color palette (#F1E9DE, #3C98A9, #00516A, #002C29, #00050C)
- Tempered Thicket color palette (#E9F3EB, #4AB2C5, #007192, #004A45, #001626)
- Ancient Petrol color palette (#F4EBF2, #90B8C9, #0070A0, #005335, #162A5C)
- Softworn Lantern color palette (#F4DED3, #28C5DB, #008CCA, #00704C, #030841)
- Tempered Forest color palette (#FCF1FC, #A8D7E5, #008CB2, #006C2C, #053F79)
- Tempered Bloom color palette (#E6E2CB, #94BA73, #008B92, #652200, #141B00)
- Aged Iris color palette (#FBF3F6, #CBDFF0, #7088C7, #00716E, #4B4066)
Browse the whole catalog at Explore, or see today's palette.