Misty Sapphire color palette — #EFF6FF · #0070D6 · #305900 · #004138 · #022637

Royal Blue and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Royal Blue (#0070D6): A full-bodied, vivid blue — the color of deep harbor water.
• Deep Olive (#305900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004138): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#022637): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, cool.

Use it as a design system

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

• Sunlit Courtyard color palette (#F1F5FF, #584ED7, #006443, #004246, #01213B)
• Cypress Chapel color palette (#FBF1FF, #008486, #6B4700, #384100, #002B1C)
• Patina Bronze Basin color palette (#ECF9EF, #8F7100, #006A4E, #00494F, #1C2835)
• Tempered Courtyard color palette (#F5F0FF, #9C0099, #004D5A, #002D55, #200D38)
• Chalky Plum color palette (#F3EFFF, #B107A7, #006435, #004422, #000D1A)
• Chestnut Balcony color palette (#FFF1F7, #984F00, #345700, #003C2E, #071E29)
• Washed Loft color palette (#FFF0FE, #D02333, #625300, #174800, #002C33)
• Magenta Canyon color palette (#FFF1F2, #F044D8, #517500, #3A5D00, #2C182D)

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