Misty Pine color palette — #FDF2F0 · #BBEDF2 · #35B7D8 · #388138 · #073051

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF2F0): a clean, paper-quiet neutral.
• Frost (#BBEDF2): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#35B7D8): A luminous, balanced blue — the color of open sky before noon.
• Olive (#388138): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#073051): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Muted Lagoon color palette (#F0F7F1, #B0EEEA, #42C6D5, #20A37A, #1A3F52)
• Tempered Periwinkle Dune color palette (#FCF3EC, #C3E5F7, #7EA6EE, #008077, #2F2651)
• Ancient Forest Bloom color palette (#FAF2FB, #93D3CE, #2B849C, #31602F, #1E3D59)
• Dusty Ridge color palette (#F9F4EF, #C7DDEC, #CDBAE5, #46A2A5, #62434F)
• Patina Denim color palette (#F5EAE6, #8AAC8E, #005D7A, #002E13, #000105)
• Dusty Emerald Studio color palette (#FFF1F4, #DD9CEE, #329C3F, #007E69, #27102D)
• Washed Cobalt Study color palette (#FFF2ED, #99D8DF, #0085B4, #005530, #00082B)
• Chestnut Study color palette (#FCF5E2, #B9D1A3, #948C51, #7D4B00, #1C2602)

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