Tempered Coast color palette — #DFF3F1 · #86D497 · #DA93DC · #00AE50 · #4D214E
Built around Kelly Green, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Mint Leaf (#86D497): A luminous, balanced teal — the color of glacier melt.
- Mauve (#DA93DC): A luminous, balanced pink — the color of neon signs at night.
- Kelly Green (#00AE50): A luminous, vivid teal — the color of shallow lagoons.
- Royal Purple (#4D214E): A deep, shadowed, balanced pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
Use it as a design system
One click turns Tempered 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
- Sunlit Cabin color palette (#E1FBFD, #8FDFC0, #F99DC4, #00BA8C, #5E3246)
- Airy Veranda color palette (#E1F4EC, #B9C872, #B6A0F7, #8B9C00, #392B5C)
- Feathered Pine Ridge color palette (#EDF2D9, #7DB985, #CD7CBF, #008131, #502049)
- Fuchsia Atelier color palette (#E2FBF9, #90E59C, #D976D3, #008533, #3A1A38)
- Faded Drift color palette (#DAF3FE, #70CFE0, #FD83AD, #00A3B8, #562034)
- Weathered Garden color palette (#F2E2DA, #FF9EB7, #00D6A9, #255A5E, #0F2021)
- Washed Lantern color palette (#E8ECD3, #64B75F, #A9569B, #0C5A0C, #300A2B)
- Wandering Magenta color palette (#CCEBF5, #48C2C8, #9D94FF, #D462C9, #00313D)
Browse the whole catalog at Explore, or see today's palette.