Tempered Onyx color palette — #F0E0D8 · #4B8C96 · #004161 · #002415 · #01002F

Ink and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F0E0D8): A whisper-light, dusty orange — the color of toasted spice.
• Storm Blue (#4B8C96): A luminous, dusty blue — the color of deep harbor water.
• Navy (#004161): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#002415): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#01002F): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. 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

• Wandering Cerulean color palette (#D6E5D8, #1A8798, #004256, #00201D, #000103)
• Patina Navy color palette (#F0E7DF, #4888AE, #0E299A, #002221, #0D0025)
• Muted Basin color palette (#E6DFD3, #2DA3B6, #00617D, #003C37, #000A15)
• Wandering Cobalt Cabin color palette (#F5E8F2, #61AEBC, #007FAB, #005F4D, #00091B)
• Wandering Sapphire color palette (#EBEDD8, #4A9C98, #106EC9, #393500, #000F0B)
• Aubergine Courtyard color palette (#DFF0DD, #005E5A, #4D0098, #002725, #09001B)
• Twilit Olive Canyon color palette (#F3EBCC, #4F7000, #00441D, #001B12, #00070D)
• Tempered Sapphire color palette (#F5EDE6, #7BBBDA, #1A63CB, #005148, #2C2653)

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