Pine Coast color palette — #FAF4E9 · #A79760 · #4B7E50 · #006063 · #5C3922
Built around Fern, softened by Moss — the whole palette hums with nature and growth.
The five colors
- Ivory (#FAF4E9): bright and airy, almost weightless.
- Moss (#A79760): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#4B7E50): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#006063): A full-bodied, dusty teal — the color of shallow lagoons.
- Cocoa (#5C3922): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Ancient Abyss color palette (#FAF5EB, #A5976B, #577C51, #00615C, #0B474B)
- Dusty Pier color palette (#FFF4E0, #CBC4AE, #929178, #657561, #415847)
- Aged Workshop color palette (#F5F7EA, #669765, #007273, #004A7F, #3F3900)
- Aged Terrace color palette (#F5F6EF, #C9E3E0, #6EA2B4, #007E83, #325245)
- Wandering Chestnut Boulevard color palette (#FAF4EC, #C9C0A9, #838559, #8E5728, #604A00)
- Sand Studio color palette (#FFF1F6, #F9B780, #AAAF6E, #5C957A, #523852)
- Washed Denim Studio color palette (#FDF2F5, #A38CBC, #457E61, #005E6D, #314264)
- Denim Lagoon color palette (#F3F7EF, #68A78F, #337B8E, #3A4E91, #513758)
Browse the whole catalog at Explore, or see today's palette.