Hazy Terrace color palette — #B6FFF1 · #00BFCD · #00839F · #175781 · #193B78

Cyan and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#B6FFF1): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00BFCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00839F): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#175781): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#193B78): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Hazy Terrace 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 Teal Pier color palette (#CBFFD7, #4CC19D, #008B81, #005965, #203A5C)
• Sunlit Hollow color palette (#D3F6FF, #58B6E5, #477CB8, #3B4C8C, #443273)
• Cobalt Quarry color palette (#DAFBFF, #93DEEF, #55BCE3, #008DC5, #003D69)
• Patina Navy color palette (#D2FFE4, #7ED6D4, #309FBF, #1D6DA5, #292D7D)
• Timeworn Quarry color palette (#FFF4E2, #00ADB0, #317195, #733946, #2A4433)
• Frosted Seafoam color palette (#E4FDEB, #68FFD6, #41CDE4, #5F8DC9, #244133)
• Cypress Grove color palette (#F1F7F0, #CEE1DE, #B0C6C7, #44807C, #434A42)
• Petrol Courtyard color palette (#D3F4F3, #007C90, #00415C, #001D37, #02002B)

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