Cypress Study color palette — #F7F0ED · #CBE1DD · #6CA5BD · #247C61 · #173E36

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

The five colors

• Cream (#F7F0ED): a clean, paper-quiet neutral.
• Silver (#CBE1DD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6CA5BD): A luminous, dusty blue — the color of open sky before noon.
• Teal (#247C61): A full-bodied, balanced teal — the color of sea glass.
• Forest (#173E36): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Softworn Cypress Alley color palette (#F6F1EC, #C9E2E3, #819EC8, #007A7F, #462D3D)
• Washed Parlor color palette (#F2E6E0, #6CA8AB, #006279, #003B27, #000C18)
• Weathered Study color palette (#F9F3F7, #D5D6E9, #77BCD8, #5A947E, #445465)
• Ancient Abyss Pier color palette (#F1E4DE, #468291, #00405F, #00201B, #000106)
• Weathered Forest color palette (#FEF1CF, #B4C08F, #61935E, #16714E, #2F4125)
• Muted Pine Chapel color palette (#F1F3E9, #9ABF9A, #BE88B1, #408343, #44243D)
• Timeworn Hollow color palette (#ECF7DC, #AADDC7, #549876, #005940, #002518)
• Cobalt Corridor color palette (#F9F0EA, #9EDAF2, #3988CA, #00625E, #111C58)

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