Tempered Coast color palette — #FFF0FB · #B1C2FF · #CCC922 · #6B81F3 · #3E3D00

Periwinkle and Honey set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#B1C2FF): A whisper-light, balanced violet — the color of a velvet chair.
• Honey (#CCC922): A luminous, vivid green — the color of fresh herbs.
• Periwinkle (#6B81F3): A luminous, vivid violet — the color of a velvet chair.
• Deep Olive (#3E3D00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Iris Hollow color palette (#FFF0FA, #B4C1FF, #FFAE4C, #707FF3, #543100)
• Lime Bloom color palette (#FEE7F4, #B7B5FF, #78D56B, #7E77DA, #213D1D)
• Misty Lapis Alley color palette (#EFD6E4, #BBBAFF, #98AF03, #6753DC, #262D00)
• Airy Seafoam color palette (#FFF1F4, #E4B8FA, #79E3A1, #B179CC, #41433C)
• Wandering Magenta color palette (#FFF1F3, #FBC2FF, #ADC603, #BA4FC4, #374000)
• Ancient Cerulean color palette (#DDFEEF, #72D2FF, #FFAB72, #009ACB, #5C2B00)
• Lime Balcony color palette (#FFE0FA, #91B3FF, #7DC200, #00AE76, #1F2E54)
• Sky Dune color palette (#FFF0FE, #F0D1E1, #EDBCA2, #5BBEE5, #5D3D4A)

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