Onyx Station color palette — #D8E3F2 · #308E68 · #00225A · #00071F · #040005

Midnight and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D8E3F2): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#308E68): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00225A): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#00071F): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040005): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged luxury, dark, muted, cool.

Use it as a design system

One click turns Onyx Station 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

• Hushed Pine Coast color palette (#D6EDFA, #528A52, #002C39, #1D1210, #000B11)
• Navy Garden color palette (#E2EEFF, #A06D00, #001E6F, #000422, #000105)
• Washed Sapphire color palette (#EAD9EA, #00C384, #1263C9, #153868, #060106)
• Airy Nightshade color palette (#F4E7F3, #C18500, #0036A9, #00144A, #060106)
• Lowlit Drift color palette (#E6EBFB, #B95765, #230072, #08002A, #050005)
• Worn Drift color palette (#E8E7F6, #B16052, #3E0052, #240B18, #13001C)
• Timeworn Aubergine color palette (#DEDFE6, #B7B7C7, #8E8BA2, #522290, #1B1D30)
• Aubergine Courtyard color palette (#DFE4F1, #7264CB, #6C0063, #340086, #060012)

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