Chalky Pine color palette — #FFF2ED · #73DEE4 · #009AC8 · #00773C · #00306C

A conversation between Pine and Cerulean, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#73DEE4): A whisper-light, balanced blue — the color of deep harbor water.
• Cerulean (#009AC8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00773C): A full-bodied, balanced teal — the color of sea glass.
• Navy (#00306C): A deep, shadowed, balanced blue — the color of open sky before noon.

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

Use it as a design system

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

• Worn Cornflower color palette (#FEF3EB, #82D7FD, #2F89FD, #007466, #30295F)
• Wandering Delta color palette (#FCF3F0, #BEDFBE, #21A4CA, #347E41, #492F4D)
• Misty Atelier color palette (#FFF0FB, #BCFCFF, #00AAD1, #007652, #002741)
• Ancient Cobalt Atelier color palette (#E8DCD7, #65C2CC, #007EAE, #005D37, #071C47)
• Pale Turquoise Parlor color palette (#F6F7E2, #7DEEF5, #00C0D5, #00998E, #003A46)
• Hushed Garden color palette (#E9E7F5, #916BFF, #009861, #007F80, #251B46)
• Faded Ultramarine color palette (#E8DCD4, #6CABC7, #0062C8, #004B41, #130240)
• Dusty Harbor color palette (#FAF3F0, #CCE9E4, #75BAE6, #61937A, #5E4C5B)

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