Tempered Atelier color palette — #F9EFEC · #CEE3CD · #4D99B2 · #3C6B3F · #38233B

Pine and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F9EFEC): a clean, paper-quiet neutral.
• Celadon Mist (#CEE3CD): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#4D99B2): A luminous, balanced blue — the color of deep harbor water.
• Pine (#3C6B3F): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#38233B): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Dusty Forest Market color palette (#FDEFE8, #AED2B8, #4483AB, #005E40, #131E3E)
• Washed Pine color palette (#F8F3F9, #CBE1F6, #70AFC6, #508A57, #334A62)
• Olive Lantern color palette (#F6F3DD, #9CAD66, #B971A7, #5D6D00, #3E1535)
• Aged Cerulean color palette (#F0DFD9, #3F99A2, #00506F, #002E18, #000316)
• Aged Hollow color palette (#ECDDD0, #547E98, #10308A, #001F1D, #020008)
• Washed Bronze color palette (#F4F3DD, #BEE8D5, #9AD0F1, #917445, #2A301D)
• Misty Workshop color palette (#F9DEB7, #B3B36A, #637E20, #006038, #003329)
• Muted Pine Terrace color palette (#F0F7CF, #93D1AE, #4D8752, #175023, #001D04)

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