Tempered Coast color palette — #EEF8F0 · #2FD4E8 · #8283C0 · #67784D · #23291D

Aqua takes the lead with Slate Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#EEF8F0): a clean, paper-quiet neutral.
• Aqua (#2FD4E8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#8283C0): A luminous, balanced violet — the color of wild irises.
• Olive (#67784D): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#23291D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Dusty Station color palette (#E8FAF5, #91C8FF, #AD77B0, #5B6E49, #1A2920)
• Mint Orchard color palette (#F3F7ED, #65D4A8, #5492BC, #7E683A, #242415)
• Worn Ash Veranda color palette (#F0F8F0, #77CACB, #CA91BA, #A97960, #33342D)
• Powder Chapel color palette (#EAF9F4, #99D3FF, #9891CB, #865B7A, #283F24)
• Chalky Periwinkle color palette (#FFF0FE, #74ACFF, #A16396, #176D62, #061D14)
• Weathered Lantern color palette (#E5FBF3, #63B7F1, #5F4E60, #232E2A, #0C110E)
• Navy Balcony color palette (#E8F8FF, #D5DBE6, #8ABCE4, #5A7AA3, #29406F)
• Worn Indigo color palette (#E0FEE6, #00AFC3, #7567DD, #3A5800, #061100)

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