Tempered Boulevard color palette — #FCF2F6 · #C4E5FF · #93B1F0 · #00A199 · #3C335A

Fern and Sky set the tone — five colors that lean into creativity and calm.

The five colors

• Ivory (#FCF2F6): bright and airy, almost weightless.
• Powder Blue (#C4E5FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#93B1F0): A luminous, balanced violet — the color of wild irises.
• Fern (#00A199): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#3C335A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Weathered Sky Terrace color palette (#FAF2FA, #B7EAF8, #5BC0E1, #659B69, #1F3C5A)
• Periwinkle Chapel color palette (#F1F7F2, #DBDFEA, #6EAAEC, #007C8E, #1C2B56)
• Weathered Teal color palette (#FBF2F6, #D9D4E2, #AFC8F1, #69B1A8, #4B5169)
• Powdered Study color palette (#D9F4F9, #67D5C2, #ED90AB, #00A895, #571E33)
• Worn Iris Hollow color palette (#EEDBE0, #99C5EE, #7B88E7, #007C81, #290F41)
• Patina Grove color palette (#F2E3E8, #6DA7D2, #536CCA, #005D5C, #0E0023)
• Misty Ember Boulevard color palette (#C6ECF8, #16C6C9, #E481A3, #D46556, #05313B)
• Teal Boulevard color palette (#E2E9D1, #6CCE8E, #00BB9A, #008E8F, #004757)

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