Weathered Cypress Pier color palette — #FAF4F0 · #C9E9E6 · #709FC3 · #287E74 · #5F4B5C

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Honeydew (#C9E9E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#709FC3): A luminous, dusty blue — the color of deep harbor water.
• Teal (#287E74): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#5F4B5C): A full-bodied, dusty pink — the color of a candy shop window.

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

Use it as a design system

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

• Ash Veranda color palette (#EAF4F3, #D0DBF0, #6EA5BE, #457283, #233949)
• Worn Lagoon Quarry color palette (#FFF0F9, #E6D8D5, #B6AF96, #5D9182, #5F4D53)
• Muted Quarry color palette (#FFF0F8, #948FCE, #978B3B, #707E3B, #4E3C46)
• Timeworn Garden color palette (#F7E9E2, #62ABBC, #005E87, #003F35, #041D44)
• Dusty Taupe color palette (#FEF1F8, #A8A8E7, #A49C44, #6C6BA4, #4F4D46)
• Aged Navy Pier color palette (#ECE2DA, #428AAA, #003C73, #002222, #040327)
• Muted Cerulean color palette (#FEF2ED, #93D1D8, #0084A9, #006249, #1E3D59)
• Hazy Cornflower color palette (#FDF3EB, #9FD5FF, #4077EE, #00656E, #3C3A64)

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