Cypress Drift color palette — #FFF2EC · #BADFC7 · #579EC6 · #007E6B · #233B5C

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Celadon Mist (#BADFC7): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#579EC6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007E6B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#233B5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Tempered Iris color palette (#FAF4EE, #B7DED2, #7894D4, #007A87, #502E42)
• Sky Drift color palette (#F5F6EF, #C3ECD0, #54C1E3, #009FA5, #064056)
• Worn Orchard color palette (#EDF8F6, #ACCAD8, #0085A4, #005F62, #024157)
• Muted Denim Atelier color palette (#ECDBD2, #619CAE, #005E8D, #003C35, #000527)
• Wandering Chapel color palette (#FBF3F0, #C3E1E8, #91BCA9, #589481, #5E4B60)
• Aged Iris color palette (#F9DAEC, #8E88E0, #9B8A21, #40843C, #292649)
• Dusty Cerulean Meadow color palette (#FFF0F9, #F1D3CC, #F5B6C6, #5D96BD, #563744)
• Patina Archive color palette (#E6DED4, #6FA8D6, #395EC2, #004951, #160040)

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