Cypress Field color palette — #F8EFF5 · #B2E6F9 · #5498B2 · #226D54 · #1A2E41
A conversation between Pine and Cerulean, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F8EFF5): a clean, paper-quiet neutral.
- Powder Blue (#B2E6F9): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#5498B2): A luminous, dusty blue — the color of deep harbor water.
- Pine (#226D54): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#1A2E41): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cypress Field 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 Ash color palette (#F8EFF3, #D8D0E4, #7F9ECA, #397679, #2E3649)
- Hushed Cobalt Courtyard color palette (#FBEDF6, #97D2E5, #3283B9, #005C54, #102039)
- Cypress Courtyard color palette (#FBF3F0, #C9E5CC, #5093B3, #35704B, #334869)
- Airy Turquoise Corridor color palette (#E2F6FE, #00B8CF, #C57275, #007181, #351D35)
- Teal Meadow color palette (#B9EED2, #00BAA7, #00868D, #005F71, #092A42)
- Weathered Aqua Market color palette (#F5F6EE, #B7E5EF, #78C9DA, #45908C, #244836)
- Cerulean Workshop color palette (#F9E9F4, #009AB3, #004F72, #002C25, #000412)
- Aged Ridge color palette (#E1F6FF, #009FB3, #BC605B, #99573C, #00222E)
Browse the whole catalog at Explore, or see today's palette.