Tempered Study color palette — #FDF3EC · #C9E4D6 · #648EB8 · #00716D · #5B3C55

Teal and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Celadon Mist (#C9E4D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#648EB8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00716D): A full-bodied, balanced teal — the color of sea glass.
• Cocoa (#5B3C55): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, 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

• Softworn Cypress color palette (#FDF3EE, #CCE4CE, #5794A8, #2E7055, #2B5046)
• Wandering Alley color palette (#FDF3ED, #AFDAC2, #2386C6, #00675E, #273D70)
• Wandering Parlor color palette (#EAF4F3, #C5E1F2, #6095B2, #006A79, #122E45)
• Antique Meadow color palette (#FFF2F0, #C0688D, #238F6F, #037970, #4B302D)
• Tempered Harbor color palette (#FAF2F7, #D5DFF7, #8BC3F9, #45AAA5, #3A4860)
• Worn Abyss color palette (#F4E7E0, #488C98, #00425B, #00231B, #00091B)
• Muted Driftwood color palette (#FFF2F0, #E4D8C9, #D5B88F, #8B719A, #5F463F)
• Teal Lantern color palette (#F1E5DF, #58AFAE, #006274, #004026, #002235)

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