Cypress Cabin color palette — #FEF3EA · #B1E1CD · #7795CC · #007D74 · #502E41

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

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Mint (#B1E1CD): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7795CC): A luminous, balanced violet — the color of wild irises.
• Teal (#007D74): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal (#502E41): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Muted Pine Chapel color palette (#FFF2ED, #C2DCC7, #4E9FCA, #148051, #283A5C)
• Cornflower Cabin color palette (#FFF2EB, #72DCF7, #0092E8, #00755A, #242A68)
• Wandering Lagoon Harbor color palette (#FBF4EF, #CDE7E7, #C4A5C4, #529489, #624A58)
• Weathered Station color palette (#F1F7F2, #ACC9DF, #457DB0, #005E69, #263960)
• Gentle Drift color palette (#FFDBD6, #D37196, #009D99, #0F7C99, #42201D)
• Petrol Pier color palette (#F4DDD4, #64AFB9, #006F9B, #004D2E, #000C3E)
• Ultramarine Boulevard color palette (#F6EADF, #6E98B4, #2F50AB, #003C39, #0D0025)
• Cobalt Boulevard color palette (#EFE5DC, #83B8E1, #5A6EBE, #005959, #280E46)

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