Ancient Coast color palette — #D2F2A2 · #FFC7C6 · #AACDFF · #554255 · #393138

Built around Butter, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Butter (#D2F2A2): A whisper-light, balanced green — the color of new leaves after rain.
• Shell Pink (#FFC7C6): A whisper-light, dusty red — the color of embers at dusk.
• Sky (#AACDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Charcoal Brown (#554255): A full-bodied, dusty pink — the color of a candy shop window.
• Espresso (#393138): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged neon, dark, vibrant, 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

• Wandering Straw Terrace color palette (#EFE98E, #FFC3DF, #79D9FF, #395246, #323A36)
• Muted Lichen Terrace color palette (#E5FFCD, #E4EFFF, #D8CFC6, #404B5A, #1F2226)
• Glacier Studio color palette (#AAFDAC, #FFD1BF, #29F0F5, #5B6C72, #273032)
• Ancient Boulevard color palette (#FAF3F9, #E4CEAA, #697DA8, #5F425B, #312830)
• Linen Powder Thicket color palette (#D5F6DE, #FFA883, #A5ABFF, #333565, #281B23)
• Misty Fuchsia color palette (#D1E9E3, #F3C354, #F691FF, #5B3940, #302023)
• Hushed Iris color palette (#F9F3F7, #C7CDFC, #C185AE, #7D83D3, #3B2829)
• Hushed Lagoon color palette (#FAF3F6, #E0D8D6, #B6B0A7, #A193BE, #5B4F53)

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