Misty Sapphire color palette — #EDF9EA · #00988F · #3E69C3 · #5A5400 · #1A2004

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

The five colors

• Ivory (#EDF9EA): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#00988F): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#3E69C3): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#5A5400): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#1A2004): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.

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

• Worn Emerald Terrace color palette (#F0F9E0, #009D57, #007199, #684700, #1E1B05)
• Pale Fern Corridor color palette (#E5FCEC, #0094A9, #856B00, #41600C, #122008)
• Cobalt Coast color palette (#E8FBEF, #00AECC, #4171CE, #762B00, #001307)
• Cerulean Study color palette (#DFF2E9, #008CB9, #174A3D, #11271E, #080F0B)
• Misty Byzantium color palette (#C8F8E7, #0082C7, #9600B2, #00583B, #001C1F)
• Cobalt Ridge color palette (#F7E6F7, #0077D6, #437100, #005544, #00180C)
• Indigo Veranda color palette (#E4F7ED, #00A4D0, #5E67C1, #6E386D, #00342D)
• Worn Lagoon color palette (#F0F7F1, #C7E0DD, #A8C6C6, #438D95, #333E35)

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