Cypress Atelier color palette — #F1F7F2 · #D2DFEF · #6DA2B3 · #148070 · #38566D

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DFEF): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#6DA2B3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#148070): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#38566D): A full-bodied, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Patina Cypress color palette (#F6F0F5, #D2D2EA, #6CA4C4, #42785A, #2A374A)
• Denim Alley color palette (#DCE6DE, #70AAAD, #006273, #003F33, #002331)
• Washed Sky Thicket color palette (#FBF3F0, #BFE3EB, #72BCE1, #679277, #5D4C5C)
• Softworn Abyss color palette (#D9E5DB, #5E879A, #00425B, #002221, #000A17)
• Pale Cobalt color palette (#ECF9EE, #A1D7EF, #0087CC, #00656C, #1B3F70)
• Tempered Cerulean color palette (#E7FBEE, #A7985B, #3198AF, #99608B, #2F493A)
• Muted Petrol color palette (#E7F2E9, #8AB8D6, #2469B2, #004E5A, #1B2A5A)
• Tempered Bronze color palette (#EEF8F0, #BFAE84, #8196D4, #8D6E00, #3F4B6F)

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