Pine Loft color palette — #F5EAF1 · #7ED1CB · #00A4BA · #0B8246 · #002333
Fern takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.
The five colors
- Blush (#F5EAF1): a clean, paper-quiet neutral.
- Aqua (#7ED1CB): A luminous, balanced teal — the color of sea glass.
- Cerulean (#00A4BA): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#0B8246): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002333): A deep, shadowed, dusty 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 Pine Loft 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
- Aged Azure Corridor color palette (#F4E9F0, #8BCBDE, #249BDE, #007E71, #071C45)
- Weathered Lagoon color palette (#E9EADC, #80BFBA, #008589, #005B4C, #002529)
- Dusty Lagoon Thicket color palette (#FDF1F9, #C6E6F6, #82B9E0, #409E8F, #273B58)
- Hushed Teal Market color palette (#F4E9E4, #4DAEA9, #006372, #003C1E, #000D16)
- Sapphire Atelier color palette (#FAEBF0, #76A6CE, #456DD3, #005C66, #0A0028)
- Airy Cornflower color palette (#E5F5E5, #E69F2C, #1A7BDE, #986400, #001A3A)
- Linen Terracotta color palette (#D4E7D2, #B59D50, #A57024, #903E11, #001C13)
- Ash Coast color palette (#FBF2F6, #D9D4E2, #BCBDE3, #78ABBB, #495267)
Browse the whole catalog at Explore, or see today's palette.