Cypress Drift color palette — #E0FCF7 · #6FB38C · #00705D · #333762 · #000B04

Pine and Jade set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E0FCF7): A whisper-light, dusty teal — the color of sea glass.
• Jade (#6FB38C): A luminous, balanced teal — the color of shallow lagoons.
• Pine (#00705D): A full-bodied, balanced teal — the color of sea glass.
• Navy (#333762): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#000B04): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Antique Pine color palette (#E8FAF1, #93AD6B, #1A7321, #532855, #050900)
• Lagoon Parlor color palette (#DEFDF6, #8DCCA2, #208971, #6D4253, #001F0D)
• Muted Grove color palette (#D6E6D7, #9E8F33, #495400, #341956, #020100)
• Lagoon Pier color palette (#E2E4CF, #418B64, #005143, #25275A, #002111)
• Olive Alley color palette (#F6EFDF, #56883E, #00503E, #500626, #020B00)
• Cobalt Workshop color palette (#EEF8F0, #A5D3EF, #117DD3, #00505A, #010531)
• Softworn Lagoon Corridor color palette (#EAF9F7, #A0E0C5, #389C90, #82545E, #002F31)
• Frosted Archive color palette (#F8E7FF, #DF5E8F, #008E79, #8F004B, #000A07)

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