Muted Pine Coast color palette — #F1EFE2 · #007849 · #00463C · #001F3E · #000704

Pine and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1EFE2): bright and airy, almost weightless.
• Pine (#007849): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#00463C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001F3E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000704): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Muted 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

• Olive Dune color palette (#EAE0BE, #4F7100, #00491C, #00232D, #020700)
• Onyx Harbor color palette (#E1E3D5, #007471, #00434F, #1F005A, #000707)
• Hushed Olive Garden color palette (#FFE4F5, #437600, #004744, #49001D, #001C0B)
• Muted Station color palette (#E1E2D6, #5DABB0, #006470, #003A36, #000D12)
• Velvet Onyx color palette (#E9EED9, #004F5F, #00263B, #140021, #000102)
• Quiet Lagoon color palette (#D7F3EB, #00986A, #00665E, #003575, #001C14)
• Weathered Onyx Basin color palette (#C1EADB, #468782, #005962, #45263E, #160B33)
• Timeworn Clover color palette (#DAE5CE, #00C04E, #009672, #005F5C, #000503)

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