Tempered Boulevard color palette — #FFF2ED · #A0F6FF · #389DCC · #006E40 · #0D1D3B

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Sea Foam (#A0F6FF): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#389DCC): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006E40): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#0D1D3B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Aged Iris color palette (#FEF3E8, #CEE9FF, #768DDC, #006A6A, #24133D)
• Antique Sky color palette (#FDF3ED, #D3D9EB, #52B0EA, #3C7D60, #202D4D)
• Chalky Cobalt Market color palette (#FFF2EA, #79DBFC, #127CD4, #005343, #09032E)
• Dusty Harbor color palette (#F3ECF1, #8DB9C9, #007390, #00523A, #003051)
• Tempered Denim color palette (#ECDDD5, #51B1CA, #005890, #002C21, #01000A)
• Hushed Study color palette (#FBF4EE, #C1E4F6, #9FBCEE, #4C9088, #523545)
• Tempered Fuchsia Pier color palette (#FFF0FE, #E66AE5, #008654, #006964, #190219)
• Lapis Drift color palette (#FAEBDD, #6FBEFF, #4A57CA, #003E3F, #05000E)

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