Pine Coast color palette — #F8F3F9 · #D3D7ED · #6AA2B7 · #437E4B · #40556B
A conversation between Olive and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#D3D7ED): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#6AA2B7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Olive (#437E4B): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#40556B): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Pine Coast 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 Ridge color palette (#F1F7F2, #D0E2F3, #70C0CB, #5C947D, #3D5665)
- Ancient Turquoise Loft color palette (#F5F1EB, #C8E2DA, #50ACB8, #427763, #263C31)
- Softworn Cerulean color palette (#E9F8FF, #9ACBE1, #3B8F9C, #005868, #003D42)
- Antique Abyss Orchard color palette (#F0E4EE, #4D8C91, #00425B, #002410, #00071F)
- Muted Cypress color palette (#EBF8FB, #7ABEB9, #C9837F, #00847E, #6B3F3C)
- Sunlit Cobalt Basin color palette (#FEF1FA, #A1D8E8, #2A85C8, #006950, #313A6F)
- Washed Garden color palette (#FCF3F0, #BDE7EB, #A8D2BA, #A1A682, #33514A)
- Hushed Boulevard color palette (#EBF7FF, #60A2BD, #B1758A, #A85975, #2D4655)
Browse the whole catalog at Explore, or see today's palette.