Tempered Lagoon color palette — #DFF1F5 · #46928A · #283F47 · #092227 · #060E0F
A conversation between Fern and Midnight, giving this palette its sense of sophistication.
The five colors
- Frost (#DFF1F5): a clean, paper-quiet neutral.
- Fern (#46928A): A luminous, dusty teal — the color of shallow lagoons.
- Deep Teal (#283F47): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#092227): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#060E0F): quiet, heavy and certain.
Feels like: Sophistication. Tagged noir, dark, luxury, muted.
Use it as a design system
One click turns Tempered 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
- Petrol Market color palette (#CEF0FE, #007987, #002F3D, #001317, #000406)
- Muted Teal Pier color palette (#EDF4EC, #00B3A8, #4A5E4C, #313B2F, #1F231D)
- Tempered Lagoon color palette (#E4F5FF, #6BA6BB, #8B85BC, #458961, #112A38)
- Cypress Ridge color palette (#E9F5F3, #A8CBCB, #598D91, #386C68, #1D3636)
- Dusty Petrol Grove color palette (#E4F5FE, #86BDCD, #93A561, #007F97, #0E392E)
- Nocturne Drift color palette (#D3E5EA, #59504E, #003132, #111419, #000304)
- Antique Pewter color palette (#E2F6FF, #B2CDDD, #889BAF, #6A6A89, #3D384A)
- Velvet Lapis color palette (#DAE5FD, #4137DA, #1F1246, #040028, #000106)
Browse the whole catalog at Explore, or see today's palette.