Ancient Coast color palette — #F9EEF5 · #A96A56 · #2D4233 · #31242D · #1B1217

Built around Mocha, softened by Forest — the whole palette hums with sophistication.

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Mocha (#A96A56): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#2D4233): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#31242D): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#1B1217): a grounded near-black with real depth.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Bronze Villa color palette (#FAEAE0, #B76C4E, #553200, #271B14, #110B08)
• Amber Harbor color palette (#FAEEF5, #D8815F, #685058, #42333C, #252024)
• Apricot Coast color palette (#FFEEE5, #F99B7B, #997532, #7D431C, #26201F)
• Aged Olive Drift color palette (#D6EAE0, #7B7400, #0E3A38, #082519, #1C1110)
• Velvet Fern color palette (#C9F1E6, #486600, #00251D, #081000, #000202)
• Softworn Cobalt Loft color palette (#E3FCF3, #929F6C, #4E94AD, #3D79B9, #2E4940)
• Aged Courtyard color palette (#FFF0FD, #DDAA90, #AF7E40, #7F6400, #2D5447)
• Petrol Station color palette (#F6F3FF, #CDC5D6, #A68C9A, #607393, #574656)

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