Tempered Atelier color palette — #F5F0F6 · #C0E3ED · #5198B0 · #376C3D · #192E43

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#F5F0F6): bright and airy, almost weightless.
• Powder Blue (#C0E3ED): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#5198B0): A luminous, dusty blue — the color of open sky before noon.
• Pine (#376C3D): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#192E43): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Atelier 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 Balcony color palette (#F1F7F2, #C6E2E9, #4997A3, #007457, #234D63)
• Forest Veranda color palette (#F9EEF6, #A8CEDE, #4783A8, #035E3E, #101E42)
• Washed Cypress Coast color palette (#F7EFF3, #D6D1E7, #839FBE, #3D757C, #2D354B)
• Hazy Coral color palette (#FCEBFF, #C6707F, #008DAC, #15778F, #29162C)
• Aged Meadow color palette (#FAF4EC, #BBE5EA, #86C7D1, #4B9278, #1F4936)
• Worn Denim color palette (#F6E7F4, #4B979E, #00506D, #002E16, #000313)
• Worn Cocoa color palette (#E8F6EA, #8AB7A3, #887147, #69402B, #062925)
• Tempered Canyon color palette (#F0DBE4, #477FA1, #18347E, #001F1D, #020008)

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