Chalky Pine color palette — #FFF2EB · #B2FFFA · #00ADC5 · #007740 · #00283B

Pine takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Sea Foam (#B2FFFA): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#00ADC5): A luminous, balanced blue — the color of deep harbor water.
• Pine (#007740): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00283B): A deep, shadowed, dusty 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

• Azure Dune color palette (#FFF2EC, #D5DEF9, #00A7E1, #00745F, #00244B)
• Softworn Turquoise color palette (#E4FBF5, #94ECE6, #00C2C8, #009A82, #003A41)
• Worn Atelier color palette (#F3F4DD, #59D1CC, #008287, #005346, #001F23)
• Softworn Bloom color palette (#EEE2DC, #6EADBC, #005C82, #002C24, #000105)
• Mint Cabin color palette (#B0FFC5, #00D0A1, #009B93, #005D68, #002C3A)
• Glacier Orchard color palette (#E1FBFF, #52E1FE, #00929E, #00464D, #00070A)
• Antique Lagoon color palette (#FCF3EF, #C2E0E8, #86C4E4, #27967B, #4C364F)
• Softworn Coast color palette (#DAFDFF, #D9D7E3, #D9BCEA, #00AD64, #002B37)

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