Pale Coast color palette — #F4F1D7 · #779522 · #5032C6 · #3B4D00 · #0F0038
A conversation between Iris and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F1D7): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#779522): A luminous, balanced green — the color of fresh herbs.
- Iris (#5032C6): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#3B4D00): A deep, shadowed, balanced green — the color of new leaves after rain.
- Deep Indigo (#0F0038): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
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
- Quiet Lapis color palette (#FEEED0, #907400, #5847DB, #544300, #0D0039)
- Muted Aubergine color palette (#F0F0E1, #6A9822, #7C269B, #334F00, #1C0027)
- Lapis Alley color palette (#CDF9EF, #539100, #423AFF, #254600, #00000B)
- Washed Canyon color palette (#E9E2C4, #9FA92A, #842DE9, #626800, #160031)
- Patina Boulevard color palette (#D9EAE3, #5F6500, #6100AF, #2C3000, #170030)
- Tempered Parlor color palette (#E6EEDB, #547200, #6934B9, #710075, #050900)
- Faded Bronze color palette (#F1DDC0, #9F6C00, #006F9A, #5E3E00, #00121D)
- Plum Ridge color palette (#E3EDD2, #008E5D, #B20084, #005335, #230017)
Browse the whole catalog at Explore, or see today's palette.