Midnight Cypress color palette — #D6E8EC · #006660 · #1F2F4C · #002422 · #000103

Built around Pine, softened by Navy — the whole palette hums with calm and sophistication.

The five colors

• Frost (#D6E8EC): bright and airy, almost weightless.
• Pine (#006660): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#1F2F4C): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#002422): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000103): a grounded near-black with real depth.

Feels like: Calm, Sophistication, Depth, Luxury. Tagged duotone, dark, muted, cool.

Use it as a design system

One click turns Midnight Cypress 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

• Navy Corridor color palette (#D6E6F2, #006083, #001778, #002231, #000009)
• Wandering Drift color palette (#D4E1E5, #7D9199, #527080, #003132, #000202)
• Fern Canyon color palette (#D9E8E5, #276900, #00363C, #092600, #000102)
• Nocturne Navy Drift color palette (#E1E9D5, #006D44, #200079, #002414, #050004)
• Weathered Lagoon Meadow color palette (#E7F3E4, #00877B, #2B4C70, #00423B, #000201)
• Shadow Pier color palette (#DCEAF2, #004255, #170060, #140012, #000201)
• Worn Thicket color palette (#D4E2F1, #0068BD, #3F008B, #002A52, #01000A)
• Pale Parlor color palette (#D7E7E6, #00915C, #001BAB, #00351E, #00000A)

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