Pine Workshop color palette — #FFF0FD · #4DE2EB · #0099C9 · #00773E · #01306B

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

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Ice Blue (#4DE2EB): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#0099C9): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00773E): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#01306B): 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 Pine Workshop 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

• Hushed Cornflower color palette (#FFF0F7, #81D8FD, #2C8AFD, #007465, #2F2766)
• Weathered Azure Station color palette (#FFF2EC, #C1FAFF, #00AAD5, #007556, #002643)
• Aged Cobalt Lantern color palette (#F0E4ED, #4FC4D3, #007EB0, #005C39, #0C1D42)
• Gentle Turquoise Boulevard color palette (#E7FAF6, #97EAEF, #00C0D5, #00988F, #003A46)
• Cornflower Lantern color palette (#DCE3F1, #5183FF, #908200, #4D752B, #10214A)
• Washed Periwinkle Pier color palette (#FBF2F7, #C5EBFF, #74ABDA, #528774, #3C485F)
• Powdered Delta color palette (#EFF6FF, #E3D4FF, #FF98B7, #0097A6, #323060)
• Faded Ultramarine color palette (#F2E4EA, #56ADD3, #0F61C7, #004B42, #130935)

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