Twilit Pine color palette — #E1E1D0 · #007B54 · #003F3C · #002132 · #000402

A conversation between Teal and Deep Teal, giving this palette its sense of calm and sophistication.

The five colors

• Bone (#E1E1D0): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007B54): A full-bodied, balanced teal — the color of glacier melt.
• Deep Teal (#003F3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#002132): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000402): a grounded near-black with real depth.

Feels like: Calm, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.

Use it as a design system

One click turns Twilit Pine 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 Onyx Balcony color palette (#F1EAD3, #487632, #00412B, #2E0443, #010400)
• Lagoon Atelier color palette (#C8E8E9, #00A58B, #005A53, #003236, #000201)
• Lagoon Dune color palette (#F1EEDF, #6B9C6B, #00644E, #4A2954, #121400)
• Aged Navy color palette (#F3E4D7, #4293BE, #004693, #002B2D, #03001B)
• Softworn Moss Thicket color palette (#F6E1C9, #A79625, #4A6600, #2D357B, #1A1600)
• Feathered Pine Station color palette (#F7F2E1, #89B867, #007F51, #5A3C74, #132702)
• Eclipse Aubergine color palette (#FFE2F0, #5500B5, #434000, #003922, #020008)
• Weathered Grape color palette (#FFE7F1, #6E2CBD, #405100, #370068, #020300)

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