Ancient Coast color palette — #DFF3F3 · #A8C8E9 · #5B87C6 · #00658F · #1B2B55

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#A8C8E9): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#5B87C6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#00658F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1B2B55): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Cerulean Alley color palette (#DFF4F0, #8DD2DA, #0096AE, #006C6A, #003442)
• Powdered Pier color palette (#F3F7EC, #DADEFA, #418FFF, #00638D, #0D1B42)
• Antique Chapel color palette (#F5EDE5, #B2D8FB, #7E9FFF, #008EA0, #2E264F)
• Sapphire Terrace color palette (#F5ECEE, #96B5D4, #465FBE, #004E59, #2F2454)
• Patina Denim Dune color palette (#D1E3E0, #5F9EA5, #006373, #003C3A, #000B11)
• Soft Turquoise Canyon color palette (#E8F9F7, #A2E8FA, #2AAAD2, #008189, #004661)
• Pale Moss Studio color palette (#BCE9DF, #73AB44, #0092C4, #417300, #002D40)
• Hushed Corridor color palette (#E5F4DD, #569B1F, #008B92, #925B00, #0F2600)

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