Tempered Studio color palette — #F0F7F1 · #D9D5E0 · #ABCFF8 · #6D99AD · #3E4E67
A conversation between Lilac Frost and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#D9D5E0): bright and airy, almost weightless.
- Lilac Frost (#ABCFF8): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#6D99AD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#3E4E67): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication, Softness, Clarity. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Studio 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
- Weathered Ash color palette (#F8F5EF, #CAE5E7, #7A9CC3, #3C7985, #614A5D)
- Antique Cobalt Harbor color palette (#EAFAED, #A1D4EF, #387FBB, #005059, #00072E)
- Hushed Stone color palette (#E6F9FE, #D4DCE8, #9AC9CA, #B8ABAD, #40575F)
- Antique Stone color palette (#E9FAF2, #BCE6EB, #8EBAA6, #65836E, #2E4441)
- Sky Courtyard color palette (#EEF8F0, #D8D6E2, #5AB0E1, #067F80, #11304E)
- Tempered Cerulean color palette (#EBFAEE, #AFF3FF, #3F9EC0, #006B62, #002135)
- Aged Boulevard color palette (#E4FAFD, #A9F8E8, #F8B6CD, #4CAD9D, #503E5A)
- Aged Denim Grove color palette (#DCEBDE, #7EA6CD, #2C509C, #002936, #01000A)
Browse the whole catalog at Explore, or see today's palette.