Quiet Coast color palette — #DAFFF4 · #4DBA88 · #007C70 · #003E7C · #00170F

Built around Jade, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Honeydew (#DAFFF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Jade (#4DBA88): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#007C70): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003E7C): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#00170F): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Hazy Corridor color palette (#DFFDF1, #85B25B, #008044, #00465B, #031800)
• Hazy Study color palette (#DBFEF9, #00B9B9, #00788E, #411F93, #001618)
• Antique Navy color palette (#DFFDF6, #6ACCB0, #009090, #2B48A1, #00272C)
• Pale Orchard color palette (#D1F8F1, #009F93, #00606A, #24007E, #000505)
• Pine Corridor color palette (#E4DFBF, #008F4C, #005A4A, #00355B, #1E2904)
• Onyx Pier color palette (#CDE6E4, #008693, #004A62, #260048, #000102)
• Lagoon Pier color palette (#D0ECED, #008B68, #002C26, #1D191E, #000505)
• Pale Coast color palette (#F3E3D7, #388F00, #005859, #4B113B, #0B1100)

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