Cypress Basin color palette — #FAF4EC · #BDDEC2 · #48A3BB · #007E6C · #00405A

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#BDDEC2): A whisper-light, dusty green — the color of new leaves after rain.
• Cyan (#48A3BB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#007E6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#00405A): 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 Basin 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

• Wandering Turquoise Atelier color palette (#F0F7F1, #D5D6E5, #00B9DC, #00816F, #133145)
• Petrol Lantern color palette (#FAF4EB, #AEE1D2, #7896C7, #007892, #303661)
• Gentle Teal Bloom color palette (#D3F0E6, #00C2B3, #009298, #006676, #003F51)
• Hushed Denim Station color palette (#F1EADF, #51A0AC, #00627C, #003C36, #000A15)
• Weathered Cobalt Thicket color palette (#FEF2EE, #B1CEB5, #1D82AD, #006439, #263A5D)
• Worn Lagoon color palette (#E4FCEC, #BEE4FF, #B1BFF4, #419C98, #274739)
• Weathered Sky color palette (#F9F3F8, #B5EAFC, #4CBFF2, #519E6F, #283C55)
• Dusty Petrol Drift color palette (#E8E1D5, #69AAD1, #0067B7, #004853, #020546)

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