Tempered Study color palette — #FDF3E9 · #CFE8FF · #97B3FF · #00A3B7 · #3F3866

Built around Sky, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Frost (#CFE8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#97B3FF): A luminous, balanced violet — the color of a velvet chair.
• Cerulean (#00A3B7): A luminous, balanced blue — the color of open sky before noon.
• Navy (#3F3866): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Dusty Harbor color palette (#FEF2ED, #CCE9D3, #72BCE1, #21A285, #223C5A)
• Periwinkle Veranda color palette (#F3F7EC, #DBD5DF, #76B0FF, #0080B1, #172F6E)
• Soft Amber color palette (#FFF3E6, #FFB25F, #8EB7FF, #D48100, #123579)
• Frosted Azure Thicket color palette (#F2E6DF, #8ECADE, #009BE7, #007E72, #071B48)
• Worn Teal color palette (#FCF3EF, #C1E2E9, #A7D2BD, #75B09A, #34514A)
• Muted Loft color palette (#E8DCD6, #63ADBF, #007DB2, #005F51, #00081F)
• Antique Cornflower color palette (#FAEEF2, #ADD4F8, #5578ED, #00606D, #251B49)
• Aged Balcony color palette (#FFE7CB, #FFC170, #B185EC, #3B9CE7, #452A00)

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