Cypress Drift color palette — #F5F1EB · #C7E4D8 · #6A91B9 · #006B77 · #1C2B4B

Peacock and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Silver (#C7E4D8): A whisper-light, dusty teal — the color of glacier melt.
• Slate Blue (#6A91B9): A luminous, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006B77): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#1C2B4B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Pale Cobalt color palette (#F9F1E4, #A5D8F1, #0089D5, #006168, #002156)
• Worn Canyon color palette (#F0EBE3, #6BA8AD, #006376, #003A30, #000D15)
• Muted Cerulean Drift color palette (#F6F1E9, #BACEB7, #008C99, #005E44, #00252F)
• Weathered Abyss Study color palette (#E9E2D7, #428394, #00415B, #001F1F, #000104)
• Navy Delta color palette (#E5DFD5, #6A8EAD, #104496, #002A35, #02001C)
• Tempered Study color palette (#F1F7F2, #D4DDFA, #6AAAE8, #2C8896, #374863)
• Airy Workshop color palette (#E3E9BE, #73B58F, #008C6C, #005E54, #003736)
• Aged Coral color palette (#EAF6E4, #64B5A4, #C56F85, #007564, #461122)

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