Airy Pine color palette — #FDF1FC · #60E1E7 · #009AC8 · #00783B · #033168

Built around Pine, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FDF1FC): a clean, paper-quiet neutral.
• Ice Blue (#60E1E7): A whisper-light, balanced teal — the color of glacier melt.
• Cerulean (#009AC8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00783B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#033168): A deep, shadowed, balanced blue — the color of deep harbor water.

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

Use it as a design system

One click turns Airy 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

• Cornflower Coast color palette (#FFF0F8, #7CD8FF, #2A8AFD, #007465, #2F246B)
• Turquoise Courtyard color palette (#FFF2EC, #C0FBFF, #00AAD4, #007555, #002743)
• Cobalt Pier color palette (#EBDDE8, #50C4D1, #007EAE, #005D37, #0A1D43)
• Timeworn Hollow color palette (#E4FBF6, #99EAEE, #00C0D4, #00998E, #003A45)
• Patina Petrol Cabin color palette (#F5F6E9, #67C9D1, #007C8C, #005651, #003947)
• Weathered Periwinkle Lagoon color palette (#FAF2F7, #C5EBFF, #70ABDE, #418A73, #3D485E)
• Muted Magenta color palette (#FFE5FB, #FD36F2, #00978A, #008345, #3B0F37)
• Softworn Coast color palette (#FCEAF3, #35B0DD, #0062C7, #004B41, #13033E)

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