Misty Boulevard color palette — #EFF6FF · #3B6DE2 · #AF3722 · #3E5300 · #1A2A4D

A conversation between Sapphire and Brick, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Sapphire (#3B6DE2): A full-bodied, vivid violet — the color of a velvet chair.
• Brick (#AF3722): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#3E5300): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#1A2A4D): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Misty 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

• Softworn Plum Canyon color palette (#EEF6FF, #007ACA, #B32850, #5E4600, #0B2D49)
• Terracotta Station color palette (#F3F4FF, #774BC2, #A2060A, #1A4900, #111F42)
• Misty Forest color palette (#EBEDFE, #7860AB, #8D4F00, #195300, #21243C)
• Softworn Cabin color palette (#DBFEF4, #7583DE, #8E3A82, #005337, #3B285F)
• Hushed Violet color palette (#FFECF3, #964DE5, #C51432, #6F3900, #240916)
• Washed Market color palette (#F3F5FC, #DFD6E0, #C4B5D3, #6B4FCB, #3B3F4E)
• Feathered Plum Hollow color palette (#EFF6FF, #68A2F7, #BB0044, #0050B1, #340E15)
• Peony Grove color palette (#F7F3FF, #D563C3, #CA6800, #7E6200, #302444)

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