Cypress Pier color palette — #E6F9FF · #007B82 · #6A4B00 · #333C00 · #00291D

A conversation between Teal and Bronze, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6F9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Teal (#007B82): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#6A4B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#333C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Deep Forest (#00291D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Antique Lagoon color palette (#DBF1FA, #006B76, #4D3900, #243200, #001B13)
• Sunlit Cobalt color palette (#EDF7FF, #0076B1, #505B00, #004A2B, #002B32)
• Quiet Basin color palette (#E2FBFA, #00853F, #980704, #4E3000, #222700)
• Pine Summit color palette (#F0F5FE, #7488C0, #407B4B, #005853, #263642)
• Moonless Abyss color palette (#E1F0FB, #004861, #2B2B00, #00200E, #000607)
• Sunlit Raspberry Corridor color palette (#FAF1FF, #BD5480, #933A00, #4D3E00, #043C06)
• Tempered Peony color palette (#FEF0FF, #69B7FF, #C864C2, #008F74, #002832)
• Brick Boulevard color palette (#E0FCF4, #1F98F1, #B02200, #076B16, #00233F)

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