Misty Pine color palette — #FFF2EE · #6DDFE4 · #009AC7 · #00783A · #00306A
Pine and Cerulean set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ice Blue (#6DDFE4): A whisper-light, balanced teal — the color of shallow lagoons.
- Cerulean (#009AC7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Pine (#00783A): A full-bodied, balanced teal — the color of sea glass.
- Navy (#00306A): A deep, shadowed, balanced 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
- Ancient Villa color palette (#FFF2EE, #94E5E4, #49A2C0, #3E7C48, #4A2F4C)
- Sunlit Cornflower Archive color palette (#FFF2EA, #78D9FF, #1F8CFB, #007463, #2D2669)
- Feathered Turquoise Workshop color palette (#FFF0FA, #BDFCFF, #00AAD2, #007653, #002741)
- Washed Cobalt Courtyard color palette (#F3DDD5, #3DC6D4, #007FAD, #005D37, #041B4A)
- Frosted Courtyard color palette (#F6F7E4, #8FECEF, #00C0D3, #00998D, #003A45)
- Muted Petrol color palette (#E8FAF6, #6DC9CC, #007C89, #00564F, #003A45)
- Soft Seafoam color palette (#F5FACD, #6DFDE1, #72C1FF, #917A00, #13482A)
- Worn Powder Atelier color palette (#FCF3EF, #C5F2EB, #89B8D8, #7E8D66, #5D4C5A)
Browse the whole catalog at Explore, or see today's palette.