Pine Garden color palette — #FDF3EF · #9FE2E7 · #48A1C8 · #337D50 · #263B5B
Built around Teal, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF3EF): a clean, paper-quiet neutral.
- Ice Blue (#9FE2E7): A whisper-light, dusty blue — the color of open sky before noon.
- Cyan (#48A1C8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#337D50): A full-bodied, balanced teal — the color of sea glass.
- Navy (#263B5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Pine Garden 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
- Antique Iris Dune color palette (#FBF4EC, #ADDBFE, #7B92D7, #067C7B, #3F3356)
- Cerulean Grove color palette (#EDF8F6, #A8CCD8, #258695, #00605B, #034250)
- Softworn Thicket color palette (#F5F6ED, #CEE8D2, #35C6DC, #00A199, #004251)
- Worn Balcony color palette (#CFE9D7, #00C6B0, #009199, #00667F, #1A3E5F)
- Softworn Atelier color palette (#FCF3F0, #C1E2E8, #91BDA8, #838B65, #5C4D5C)
- Faded Ember color palette (#E1F5E1, #00BFC2, #E36D4C, #008284, #572415)
- Mallow Station color palette (#E7FCE8, #DDE0FA, #C7B2FB, #6D996F, #314B3A)
- Aqua Quarry color palette (#E3FAFF, #00CDF6, #008FB5, #00556B, #002732)
Browse the whole catalog at Explore, or see today's palette.