Tempered Study color palette — #FCF3EF · #AAD0B2 · #0084AB · #00624B · #1E3D5A
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FCF3EF): bright and airy, almost weightless.
- Pistachio (#AAD0B2): A whisper-light, dusty teal — the color of shallow lagoons.
- Cerulean (#0084AB): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#00624B): A full-bodied, balanced teal — the color of sea glass.
- Navy (#1E3D5A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Study 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
- Wandering Coast color palette (#FBF4EC, #9ED1C3, #5A73BF, #005E6A, #3A3558)
- Washed Cerulean Ridge color palette (#E5F6F3, #95D4DC, #2C899C, #005B59, #002435)
- Turquoise Atelier color palette (#F5F6ED, #A4E1E9, #40A4BA, #007C7A, #0A4151)
- Weathered Abyss color palette (#F5E3DA, #498C98, #00425D, #00231C, #00091B)
- Misty Violet color palette (#EBF1E2, #20A678, #8A56D7, #006748, #3C2A59)
- Denim Harbor color palette (#EEE0D8, #57ACC2, #005E89, #003F36, #031C47)
- Tempered Jade Balcony color palette (#DBFFED, #4BB786, #007454, #00412B, #002B1D)
- Aged Coast color palette (#F2F9DE, #9AE6E1, #65B8DA, #626F27, #41443D)
Browse the whole catalog at Explore, or see today's palette.