Tempered Coast color palette — #F6E7EE · #8FC9E6 · #5591EF · #007E72 · #1F1348
A conversation between Azure and Teal, giving this palette its sense of trust and stability.
The five colors
- Blush (#F6E7EE): a clean, paper-quiet neutral.
- Sky (#8FC9E6): A luminous, dusty blue — the color of a favorite pair of jeans.
- Azure (#5591EF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007E72): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#1F1348): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Quiet Field color palette (#F6EBF4, #8FCCD0, #009FD2, #128248, #001C49)
- Muted Periwinkle color palette (#F6EBEE, #B0D8FF, #949EE5, #009097, #36234A)
- Dusty Cobalt Bloom color palette (#EEE7DD, #85B9D5, #2779BA, #005861, #061C47)
- Ultramarine Workshop color palette (#C3EBE0, #00A7B9, #0081A2, #0058B1, #1C0D59)
- Quiet Summit color palette (#FFF0FD, #88ECF7, #18B9F9, #009D60, #122F67)
- Cobalt Boulevard color palette (#D7E9FF, #5DB4FF, #0087DE, #005A90, #000B1C)
- Worn Sky color palette (#D1ECFD, #32C0EF, #AD6A00, #007C9E, #291500)
- Frosted Mallow Chapel color palette (#C8E8FF, #BCC8FF, #ED97CD, #009C87, #08264C)
Browse the whole catalog at Explore, or see today's palette.