Tempered Coast color palette — #FAE2CD · #00E453 · #8183E9 · #251F60 · #240C1D
Lime and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#FAE2CD): A whisper-light, dusty gold — the color of honey in a jar.
- Lime (#00E453): A luminous, vivid green — the color of a quiet forest floor.
- Lavender Blue (#8183E9): A luminous, balanced violet — the color of a velvet chair.
- Deep Indigo (#251F60): A deep, shadowed, balanced violet — the color of wild irises.
- Ink (#240C1D): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.
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
- Hushed Iris color palette (#E5E6D4, #00DCB9, #9779E9, #352161, #28111D)
- Tempered Mint Courtyard color palette (#F2E2D1, #00E090, #3795E9, #002E53, #001C17)
- Timeworn Lime Workshop color palette (#ECDCD9, #B2CD00, #00A0C8, #003949, #001820)
- Timeworn Grape Orchard color palette (#F5DDE7, #88BD61, #6C2BC1, #3A0073, #14052A)
- Dusty Sunflower color palette (#DDEEE1, #EBCB00, #AAB4FF, #181A42, #00010B)
- Muted Magenta color palette (#E9F4E3, #00D9C6, #D732E4, #4C0D51, #1F0721)
- Tempered Magenta color palette (#D2E6D1, #00E2ED, #E856CC, #46243E, #231819)
- Seafoam Coast color palette (#DFF3F4, #43E9BC, #FF9DAF, #593229, #31201C)
Browse the whole catalog at Explore, or see today's palette.