Twilit Lagoon color palette — #D4F1FF · #006373 · #6D001F · #0C2100 · #010200

Built around Oxblood, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Frost (#D4F1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006373): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Oxblood (#6D001F): A deep, shadowed, balanced red — the color of a theater curtain.
• Ink (#0C2100): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#010200): quiet, heavy and certain.

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

Use it as a design system

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

• Eclipse Onyx color palette (#D2E9DC, #005F73, #4B1A00, #192529, #040900)
• Charred Denim color palette (#D5E9FF, #0058A4, #503000, #002211, #000201)
• Deep Market color palette (#C2EAE6, #107231, #48006E, #1D1C00, #000200)
• Muted Balcony color palette (#C7E8E3, #4F83A5, #5A4A73, #00371B, #00120D)
• Charred Navy color palette (#F5E4F3, #00338C, #3B0029, #110600, #000204)
• Worn Bronze color palette (#F6DEE9, #8D7100, #384E00, #391A4F, #090500)
• Linen Lantern color palette (#D6DFEE, #3468EA, #764600, #003D2E, #00160F)
• Cellar Grape color palette (#EEEDFF, #800AAF, #2D3F00, #141F00, #000202)

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