Pale Coast color palette — #F9F2FE · #DF77A6 · #B98334 · #4C7D46 · #382E3E
A conversation between Bubblegum and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F2FE): a clean, paper-quiet neutral.
- Bubblegum (#DF77A6): A luminous, balanced rose — the color of a warm blush.
- Mustard (#B98334): A luminous, balanced gold — the color of old brass.
- Olive (#4C7D46): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#382E3E): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Pale 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
- Powdered Peony color palette (#F9F2FF, #D175A7, #907D00, #006D70, #2F2A3D)
- Worn Taupe color palette (#FFF1F4, #D09DD8, #9DA559, #2D8469, #361B22)
- Ember Study color palette (#E8FAF0, #D89AC8, #C46853, #006E89, #45374B)
- Worn Jade color palette (#F5F4FE, #C897CE, #79AB6C, #3B84A3, #3D3B49)
- Ancient Azure color palette (#ECF7FF, #2DABE2, #B38715, #008074, #213644)
- Orchid Atelier color palette (#FFF1F3, #AD5CB4, #9C603D, #2A5876, #432B30)
- Ancient Peony color palette (#F4EAF9, #D46490, #0091A1, #655296, #2E2035)
- Scarlet Study color palette (#EAD7E8, #D34C4D, #008660, #004FA5, #271126)
Browse the whole catalog at Explore, or see today's palette.