Tempered Cobalt Atelier color palette — #FAF2F7 · #AFC9DA · #4E7BB0 · #006152 · #35365A

Built around Slate, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF2F7): a clean, paper-quiet neutral.
• Sky (#AFC9DA): A whisper-light, dusty blue — the color of open sky before noon.
• Slate (#4E7BB0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#35365A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Tempered Cobalt 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

• Antique Forest Alley color palette (#F8F3F9, #A1CDD9, #1F859F, #066514, #103D63)
• Ancient Iris Summit color palette (#FAF3F5, #C9DFF4, #7887BF, #007072, #424465)
• Cobalt Dune color palette (#F7F1E7, #9CD1E3, #0E85BC, #005B5D, #2E1531)
• Spruce Garden color palette (#ECE0EC, #5E9C9B, #005268, #00330E, #00142D)
• Aged Orchard color palette (#FCE8F3, #C17857, #0085AC, #8E3800, #003B4F)
• Bronze Market color palette (#FBDAE9, #AC6635, #0076A1, #38538A, #401E30)
• Timeworn Sky Atelier color palette (#FDF3EC, #AFEBFF, #78B7F5, #3D9F86, #33375A)
• Softworn Navy color palette (#F3E5EC, #4989A6, #00387E, #00231E, #0A0028)

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