Tempered Coast color palette — #FAF1FF · #E09AB1 · #9FAC6D · #6699BA · #493E4E

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

The five colors

• Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
• Ballet Pink (#E09AB1): A luminous, balanced rose — the color of a warm blush.
• Sage (#9FAC6D): A luminous, balanced green — the color of a quiet forest floor.
• Slate Blue (#6699BA): A luminous, dusty blue — the color of deep harbor water.
• Charcoal (#493E4E): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Softworn Mallow Orchard color palette (#F4F4FF, #C1A3D9, #C59C6C, #5EA09B, #414052)
• Apricot Alley color palette (#FFF0F8, #E49E7E, #6AB798, #8E8CC0, #4F3B47)
• Worn Mustard color palette (#FFF2F0, #FAB5CB, #B4C474, #72A9CE, #463330)
• Lagoon Lagoon color palette (#FAF1FF, #BF8499, #369D8B, #007F8F, #4A3C52)
• Muted Pewter color palette (#FFF1F6, #B9D3B8, #B4909F, #8A697E, #394D3F)
• Ancient Taupe color palette (#FBF1FF, #FFC9D1, #C78A9A, #88535F, #572C35)
• Pale Amber color palette (#FFD7EF, #DC744A, #00A26F, #6D6DB9, #3D2033)
• Moss Station color palette (#FFE4E3, #F9606A, #34AB02, #427AD8, #521C1F)

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