Tempered Coast color palette — #FCF2F5 · #D8DDFA · #7A8DD7 · #00696B · #261040
Lavender Blue takes the lead with Deep Indigo close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#FCF2F5): a clean, paper-quiet neutral.
- Thistle (#D8DDFA): A whisper-light, dusty violet — the color of a velvet chair.
- Lavender Blue (#7A8DD7): A luminous, balanced violet — the color of wild irises.
- Teal (#00696B): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Indigo (#261040): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Creativity, Sophistication. Tagged coastal, cool, light, 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
- Azure Market color palette (#FCF1FB, #C1EEFE, #009FD3, #006E3C, #001B48)
- Pale Periwinkle color palette (#F4EDE3, #AFD9FC, #6AA4FF, #008DA9, #222955)
- Softworn Station color palette (#F8ECE0, #89B7D9, #4861B5, #00504E, #33244F)
- Muted Cabin color palette (#FEF0FC, #94D9E3, #0084B9, #005434, #000335)
- Dusty Lagoon color palette (#D9FFF5, #90BA61, #AF71E9, #486F00, #25003E)
- Dusty Denim Thicket color palette (#F8EBF7, #70AEB2, #005D7B, #002E14, #000105)
- Aged Cabin color palette (#FBF2F8, #D6D4E1, #8BC1F1, #049878, #313F5D)
- Dusty Ultramarine Atelier color palette (#FAE8F2, #8FBED6, #2563C1, #003F38, #030011)
Browse the whole catalog at Explore, or see today's palette.