Tempered Stone Coast color palette — #EAF7FF · #8DD0E7 · #A4BC70 · #339AB8 · #2F564B

Built around Sage, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#EAF7FF): bright and airy, almost weightless.
• Sky (#8DD0E7): A whisper-light, dusty blue — the color of deep harbor water.
• Sage (#A4BC70): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#339AB8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#2F564B): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged light, muted, cool.

Use it as a design system

One click turns Tempered Stone 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

• Worn Market color palette (#EFF6FF, #AAC4F9, #6BC6A4, #718BC2, #2A5558)
• Aged Marigold color palette (#EBF8FA, #8AD6C0, #D5A968, #409F88, #3E543E)
• Lilac Workshop color palette (#E6F9FF, #84D5D4, #B4A4F0, #2E9E9F, #464B66)
• Wandering Workshop color palette (#EDF7FF, #D8D9E4, #BFA6AB, #82B3C8, #414E5C)
• Hushed Veranda color palette (#E9F8FF, #C4E4FF, #F3C09A, #53A8B8, #5C3A4A)
• Tempered Loft color palette (#EAF7FF, #5FBEDC, #C08B6D, #317D94, #614253)
• Dusty Parlor color palette (#EDF7FF, #B1DFFF, #5DABDA, #357498, #1E3D53)
• Patina Sapphire Courtyard color palette (#E5EFFF, #7EA6F6, #00B081, #3E6CCE, #00402D)

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