Tempered Pine Lagoon color palette — #DCFDFB · #007F58 · #00536C · #002440 · #030100
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DCFDFB): A whisper-light, dusty teal — the color of glacier melt.
- Teal (#007F58): A full-bodied, balanced teal — the color of shallow lagoons.
- Peacock (#00536C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Midnight (#002440): A deep, shadowed, dusty blue — the color of open sky before noon.
- Black (#030100): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged jewel, vibrant, muted, cool.
Use it as a design system
One click turns Tempered Pine Lagoon 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
- Muted Navy color palette (#E7F9FF, #00797D, #004771, #200063, #020100)
- Muted Olive Courtyard color palette (#D8FFF6, #547E00, #005A37, #00272C, #040000)
- Onyx Station color palette (#CAE9F4, #00616B, #003948, #1A003B, #020100)
- Pine Archive color palette (#D9FEFA, #008528, #005763, #4C0035, #000200)
- Aubergine Summit color palette (#E1FDF4, #597500, #005D27, #2F0069, #020100)
- Midnight Lagoon color palette (#DAEFE3, #565000, #003557, #290033, #030100)
- Dusty Pine color palette (#FFDDA9, #9EA000, #007623, #003C36, #000305)
- Pale Cabin color palette (#FFE5FA, #948E00, #006359, #4B004A, #010500)
Browse the whole catalog at Explore, or see today's palette.