Misty Canyon color palette — #EFF8ED · #85E8E2 · #FF99A2 · #009E98 · #55292E

Built around Ballet Pink, softened by Fern — the whole palette hums with balance.

The five colors

• Ivory (#EFF8ED): a clean, paper-quiet neutral.
• Ice Blue (#85E8E2): A whisper-light, balanced teal — the color of sea glass.
• Ballet Pink (#FF99A2): A luminous, balanced red — the color of embers at dusk.
• Fern (#009E98): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#55292E): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Balance. Tagged light.

Use it as a design system

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

• Frosted Cerulean color palette (#E6FBF2, #A2DDFF, #F5A290, #0095CD, #58281E)
• Emerald Coast color palette (#F3F8E7, #A7E5BC, #EF9DCB, #00A45F, #512940)
• Teal Balcony color palette (#EDFAE8, #C4E7E6, #CCBFBE, #83B389, #355442)
• Misty Teal color palette (#E8F7E6, #00BBB7, #CA6E78, #007471, #3D1D14)
• Linen Terrace color palette (#DCFEF1, #87D1FF, #E3A000, #0088C1, #3F2A00)
• Gentle Coral color palette (#E6FCE9, #4AD0DA, #ED8890, #D46E77, #14331B)
• Ember Pier color palette (#E1FBFF, #2ED8EE, #EA5209, #007987, #3A0D00)
• Cobalt Terrace color palette (#E9FAF4, #FFDDD0, #3E7CAD, #193B56, #05130F)

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